<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml">

	<HEAD>
		<TITLE>简道_登录</TITLE>
		<META content="text/html; charset=utf-8" http-equiv=Content-Type>
		<META name=keywords content="">
		<META name=description content="">
		<META content="" http-equiv=expires>
		<LINK rel=stylesheet type=text/css href="css/jd_mail.css">
		<META name=GENERATOR content="MSHTML 8.00.6001.23569">
        <!--[if lt IE 9]>
        <script src="js/css3-mediaqueries.js"></script>
        <script src="js/html5_tag.js"></script>
        <![endif]-->
	</HEAD>

	<body style="background:url(images/bg_div.png);-moz-background-size:100% 100%;background-size:100% 100%;height:100vh;">
	<div class="jd_zc_all">
		<div class="jd_x_line">
			<div class="jd_x_img"><span class="jd_x_img_span">简道</span></div>
		</div>
		<div class="jd_zc_div">
			<div class="jd_login_tab"><span onclick="display_login1()" id="jd_select_psw" style="color:#ffffff;">密码登录</span><span onclick="display_login2()" id="jd_select_yzm" style="border-left: 1px solid #C1E3F7;text-align: right;color: #9bd3ff;">验证码登录</span></div>
			<div class="jd_login_psw" id="jd_login_psw">
			<form action="" method="">
			<input type="text" class="jd_zc_num" maxlength="11" value="15755357777" placeholder="手机号码"/>
			<input type="password" class="jd_zc_num" value="" placeholder="密码"/>
			<input type="button" value="登录" class="jd_yzm"/>
			</form>
			</div>
			<div class="jd_login_yzm" id="jd_login_yzm" style="display:none;">
			<form action="" method="">
			<div class="jd_yzm_div"><input type="text" maxlength="11" value="" class="jd_num_input" placeholder="手机号码"/><span class="jd_submit_yzm">发送验证码</span></div>
			<input type="password" class="jd_zc_num" value="" placeholder="请输入验证码"/>
			<input type="button" value="登录" class="jd_yzm"/>
			</form>
			</div>
			<div class="jd_login_back"><span><a href="注册.html">免费注册</a></span></div>
		</div>
	</div>

		<script src="js/jquery.min.js" type="text/javascript"></script>
       
		<script src="js/main.js" type="text/javascript"></script>
		<!-- Resource jQuery -->
		<script type="text/javascript">
		function display_login1(){
			document.getElementById("jd_login_psw").style.display="block";
			document.getElementById("jd_login_yzm").style.display="none";
			document.getElementById("jd_select_psw").style.color="#ffffff";
			document.getElementById("jd_select_yzm").style.color="#9bd3ff";
		}
		function display_login2(){
			document.getElementById("jd_login_yzm").style.display="block";
			document.getElementById("jd_login_psw").style.display="none";
			document.getElementById("jd_select_yzm").style.color="#ffffff";
			document.getElementById("jd_select_psw").style.color="#9bd3ff";
		}
		</script>

	</body>

</html>